<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>jQuery-EasyUI 1.1 应用实例</title>
    <link href="/manager/css/default.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="/manager/js/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/manager/js/themes/icon.css"/>
    <script type="text/javascript" src="/manager/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="/manager/js/jquery.easyui.min-1.2.0.js"></script>
    <script type="text/javascript" src='/manager/js/outlook.js'></script>

    <script type="text/javascript">
        var _menus = [
            {
                "menuid": "10",
                "icon": "icon-sys",
                "menuname": "用户/订单管理",
                "menus": [{
                    "menuid": "11",
                    "menuname": "用户管理",
                    "icon": "icon-nav",
                    "url": "/manager/showlist"
                }, {
                    "menuid": "13",
                    "menuname": "订单管理",
                    "icon": "icon-nav",
                    "url": "/manager/showOrderlist"
                }]
            }
            , {
                "menuid": "10",
                "icon": "icon-sys",
                "menuname": "书籍管理",
                "menus": [{
                    "menuid": "11",
                    "menuname": "书籍管理",
                    "icon": "icon-nav",
                    "url": "/manager/showBookList"
                }, {
                    "menuid": "13",
                    "menuname": "入库审核(供应商)",
                    "icon": "icon-nav",
                    "url": "/manager/showSupplierExamine"
                }, {
                    "menuid": "13",
                    "menuname": "入库审核(平台)",
                    "icon": "icon-nav",
                    "url": "/manager/showSupplierPlatform"
                }]
            },
            {
                "menuid": "20",
                "icon": "icon-sys",
                "menuname": "元数据管理",
                "menus": [{
                    "menuid": "21",
                    "menuname": "省份管理",
                    "icon": "icon-nav",
                    "url": "province.html"
                }, {
                    "menuid": "23",
                    "menuname": "城市管理",
                    "icon": "icon-nav",
                    "url": "city.html"
                }, {
                    "menuid": "23",
                    "menuname": "地址管理",
                    "icon": "icon-nav",
                    "url": "region.html"
                }, {
                    "menuid": "23",
                    "menuname": "书籍类型管理",
                    "icon": "icon-nav",
                    "url": "booktype.html"
                }]

            }, {
                "menuid": "30",
                "icon": "icon-sys",
                "menuname": "供应商管理",
                "menus": [{
                    "menuid": "26",
                    "menuname": "供应商管理(平台)",
                    "icon": "icon-nav",
                    "url": "/manager/showSupplierList"
                },
                    {
                        "menuid": "26",
                        "menuname": "书籍管理(供应商)",
                        "icon": "icon-nav",
                        "url": "/manager/showSupplierBookList"
                    }]

            }, {
                "menuid": "40",
                "icon": "icon-sys",
                "menuname": "权限管理",
                "menus": [{
                    "menuid": "28",
                    "menuname": "权限管理",
                    "icon": "icon-nav",
                    "url": "/manager/showPermissions"
                }, {
                    "menuid": "29",
                    "menuname": "角色管理",
                    "icon": "icon-nav",
                    "url": "/manager/showRoles"
                }, {
                    "menuid": "30",
                    "menuname": "管理员管理",
                    "icon": "icon-nav",
                    "url": "/manager/showManagers"
                }]

            }];

        //设置登录窗口
        function openPwd() {
            $('#w').window({
                title: '修改密码',
                width: 300,
                modal: true,
                shadow: true,
                closed: true,
                height: 160,
                resizable: false
            });
        }

        //关闭登录窗口
        function closePwd() {
            $('#w').window('close');
        }


        //修改密码
        function serverLogin() {
            var $newpass = $('#txtNewPass');
            var $rePass = $('#txtRePass');

            if ($newpass.val() == '') {
                msgShow('系统提示', '请输入密码！', 'warning');
                return false;
            }
            if ($rePass.val() == '') {
                msgShow('系统提示', '请在一次输入密码！', 'warning');
                return false;
            }

            if ($newpass.val() != $rePass.val()) {
                msgShow('系统提示', '两次密码不一至！请重新输入', 'warning');
                return false;
            }

            $.post("/manager/managerUser/modifyPassword", {password: $newpass.val()}, function (rs) {
                msgShow('系统提示', "恭喜,密码修改成功! 您的新密码为：" + rs.msg, 'info');
                $newpass.val('');
                $rePass.val('');
                $('#w').window('close');
            })

        }

        $(function () {

            openPwd();

            $('#edit-pass').click(function () {
                $('#w').window('open');
            });

            $('#btnEp').click(function () {
                serverLogin();
            })

            $('#btnCancel').click(function () {
                closePwd();
            })

            $('#loginOut').click(function () {
                $.messager.confirm('系统提示', '您确定要退出本次登录吗?', function (r) {
                    if (r) {
                        logout();
                    }
                });
            })


            $.post("/manager/permission/findAllModulesWithPermissionsByLoginUserId", rs => {
                if(rs.status == 200){
                    //初始化导航菜单
                    init(rs.data);
                } else{
                    alert(rs.msg);
                }
            });

        });


        // 获取登录用户名
        $(() => {
            $.post("/manager/managerUser/getLoginUser", rs => {
                if (rs.status == 200) {
                    console.log(rs.data);
                    $("#login-user-name").text(rs.data.username);
                } else {
                    alert(rs.msg + "切换页面");
                    location.href = "/manager/showLogin";
                }
            });
        });

        //退出函数
        function logout() {
            $.post("/manager/managerUser/logout", rs => {
                if (rs.status == 200) {
                    location.href = "/manager/showLogin";
                } else {
                    alert(rs.msg);
                }
            });
        }
    </script>
    <Style>
        #css3menu li {
            float: left;
            list-style-type: none;
        }

        #css3menu li a {
            color: #fff;
            padding-right: 20px;
        }

        #css3menu li a.active {
            color: yellow;
        }
    </style>
</head>
<body class="easyui-layout" style="overflow-y: hidden" scroll="no">
<noscript>
    <div style=" position:absolute; z-index:100000; height:2046px;top:0px;left:0px; width:100%; background:white; text-align:center;">
        <img src="/manager/images/noscript.gif" alt='抱歉，请开启脚本支持！'/>
    </div>
</noscript>
<div region="north" split="true" border="false" style="overflow: hidden; height: 30px;
        background: url(/manager/images/layout-browser-hd-bg.gif) #7f99be repeat-x center 50%;
        line-height: 20px;color: #fff; font-family: Verdana, 微软雅黑,黑体">
    <span style="float:right; padding-right:20px;" class="head">
        欢迎:<span id="login-user-name">admin</span>
        <a href="#" id="edit-pass">修改密码</a>
        <a href="#" id="loginOut">安全退出</a>
    </span>
    <span style="padding-left:10px; font-size: 16px; float:left;">
        <img src="/manager/images/blocks.gif" width="20" height="20" align="absmiddle"/>
    </span>
</div>
<div region="south" split="true" style="height: 30px; background: #D2E0F2; ">
    <div class="footer">By itany Email:itany123.command</div>
</div>
<div region="west" hide="true" split="true" title="导航菜单" style="width:180px;" id="west">
    <div id='wnav' class="easyui-accordion" fit="true" border="false">
        <!--  导航内容 -->

    </div>

</div>
<div id="mainPanle" region="center" style="background: #eee; overflow-y:hidden">
    <div id="tabs" class="easyui-tabs" fit="true" border="false">
        <div title="欢迎使用" style="padding:20px;overflow:hidden;" id="home">
            <iframe frameborder=0 width="100%" height="100%" src="booklist.html" id="ch"></iframe>
        </div>
    </div>
</div>


<!--修改密码窗口-->
<div id="w" class="easyui-window" title="修改密码" collapsible="false" minimizable="false"
     maximizable="false" icon="icon-save" style="width: 300px; height: 150px; padding: 5px;
        background: #fafafa;">
    <div class="easyui-layout" fit="true">
        <div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;">
            <table cellpadding=3>
                <tr>
                    <td>新密码：</td>
                    <td><input id="txtNewPass" type="Password" class="txt01"/></td>
                </tr>
                <tr>
                    <td>确认密码：</td>
                    <td><input id="txtRePass" type="Password" class="txt01"/></td>
                </tr>
            </table>
        </div>
        <div region="south" border="false" style="text-align: right; height: 30px; line-height: 30px;">
            <a id="btnEp" class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)">确定</a>
            <a id="btnCancel" class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)">取消</a>
        </div>
    </div>
</div>

<div id="mm" class="easyui-menu" style="width:150px;">
    <div id="mm-tabupdate">刷新</div>
    <div class="menu-sep"></div>
    <div id="mm-tabclose">关闭</div>
    <div id="mm-tabcloseall">全部关闭</div>
    <div id="mm-tabcloseother">除此之外全部关闭</div>
    <div class="menu-sep"></div>
    <div id="mm-tabcloseright">当前页右侧全部关闭</div>
    <div id="mm-tabcloseleft">当前页左侧全部关闭</div>
    <div class="menu-sep"></div>
    <div id="mm-exit">退出</div>
</div>


</body>
</html>